<template>
  <div>
    <ul>
      <li v-for="item in data" :key="item.name">
        {{item.name}}
        <tree :data="item.children"></tree>
      </li>
    </ul>
  </div>

</template>

<script>
export default {
  name: "Tree",
  props: {
    data: Array
  },
}
</script>